<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="../js/vue2.js"></script>
</head>
<body>

<div id="app">

</div>

<script>

  //设置为 false 以阻止 vue 在启动时生成生产提示  该设置可能不生效  可以直接在vue.js 中修改 productionTip:false
  Vue.config.productionTip=false

  // 声明式编程
  /*
  * jsp
  *    el   ${username}   声明    四大域对象
  * vue
  *    {{}}     插值语法
  * */
  let vm = new Vue({
    template:`<div>
                    <h1>学生信息展示</h1>
                    <h3>姓名:{{name}}</h3>
                    <h3>年龄:{{age}}</h3>
                </div>`,
    data:{   //    该配置选项可以给模板提供数据   {{}}
       name:'jack',
       age:20
    }
  })
  vm.$mount("#app")
</script>
</body>
</html>